<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>jQslideToggle</title>
	<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function () {
			$(".flip").click(function () {
				$(".panel").slideToggle("slow")

			})

		})


	</script>
	<style>
		div.panel,p.flip
		{
			margin: 0;
			padding: 5px;
			text-align: center;
			background: #F49F34;
			border: 1px solid #CCCCCC;
		}
		div.panel
		{
			height: 120px;
			display:none;
		}

	</style>
</head>
<body>
<div class="panel">
	<P>W3Cschool-领先的Web 技术教程站点</P>
	<p>在W3Cschool,您可以找到你所需要的所有网站建设的教程</p>
</div>
<p class="flip">请点击这里</p>

</body>
</html>